<template>
  <div class="app">
    <router-view />
  </div>
</template>

<style lang="stylus">

html {
  font-size 26.666666666666668vw
}

body {
  font-size 16px
}

@import "~normalize.css"

.app
  font-family Avenir, Helvetica, Arial, sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  color #2c3e50

.el-header {
  background-color: #B3C0D1;
  color: #333;
  text-align: center;
  line-height: 60px;
}

.el-main {
  background-color: #E9EEF3;
  min-height calc(100vh - 60px)
}

.nav {
  //a.router-link-exact-active {
  a.my-active {
    color red
    font-weight bold
    font-size 20px
  }
}
</style>
